@import '~antd/es/style/variable.less';

html,
body,
#root {
  height: 100%;
}

canvas {
  display: block;
}

body {
  font-size: 15px;
  font-family: PingFangSC-Medium;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td {
    border-right: 0;
  }

  .ant-table-row-selected {
    // background-color: rgb(226, 238, 234);
    background-color: #e6e6e6;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td,
  .ant-table tfoot > tr > th,
  .ant-table tfoot > tr > td {
    // height: 39px;
    padding: 10px 16px;
  }

  .ant-table,
  .ant-table-thead > tr > th {
    color: #666;
    border-color: #e6e6e6;
  }

  .ant-table-thead > tr > th {
    height: 40px;
    font-weight: 600;
    // 表头
    // background: rgb(216, 235, 205);
    background-color: rgb(214, 215, 216);
  }

  .ant-table.ant-table-bordered > .ant-table-container,
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td {
    border-color: #e6e6e6;
  }

  .ant-table-tbody > tr.ant-table-row-selected > td {
    background-color: rgb(238, 238, 238);
  }

  .ant-table-content > table > tbody > tr > td.ant-table-cell.ant-table-cell-row-hover {
    // background-color: rgb(231, 231, 231);
    background-color: #e6e6e6;
  }

  .ant-checkbox-input {
    background-color: rgb(49, 199, 49);
  }

  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table {
    border-right: 1px solid #e6e6e6;
  }

  .ant-pagination-item-active {
    background-color: rgb(214, 215, 216);
    border: 0;
  }

  .ant-pagination-item-active a {
    color: #333;
  }

  .ant-pagination.mini .ant-pagination-item {
    margin: 0 16px;
  }
}

ul,
ol {
  list-style: none;
}

&::-webkit-scrollbar {
  width: 6px;
  background-color: #eee;
}

&::-webkit-scrollbar-thumb {
  margin: 5px 0;
  background-color: #c1c1c1;
  border-radius: 10px;

  &:hover {
    background-color: #a8a8a8;
  }

  &:active {
    background-color: #787878;
  }
}
